#header {
  background: rgba(30, 30, 30, 1);
  display: flex;
  align-items: center;
  padding: 50px;
  justify-content: space-between;
}

#aside {
  width: 320px;
  background: rgba(30, 30, 30, 1);
}
/deep/.el-button--primary:hover {
  background: #23b769;
}
/deep/ .el-pagination.is-background .el-pager li {
  background-color: #ffffff!important;
  color: #999999!important;
}
/deep/.el-pagination.is-background .el-pager li:not(.disabled).active {
  background: #23b769;
  color: #fff;
  border: 1px solid #23b769;
}
#main {
  background: rgba(240, 240, 240, 1);
}

// 矢量图标样式
i.folder {
  display: block;
  width: 19px;
  height: 17px;
  opacity: 0.5;
  color: rgba(255, 255, 255, 1);
  margin-right: 10px;
}

//弹出框样式
.el-dialog__header {
  background: rgba(233, 244, 233, 1);
  border-radius: 6px 6px 0px 0px;
}

// button样式
.el-button--default {
  width: 100px;
  border-radius: 6px;
  border: 1px solid rgba(35, 183, 105, 1);
  color: rgba(35, 183, 105, 1);
}

.el-button--primary {
  width: 100px;
  background: rgba(35, 183, 105, 1);
  border-radius: 6px;
}

// table样式
.el-table .cell {
  text-align: center;
  font-size: 18px;
  color: rgba(102, 102, 102, 1);
}

.el-table__body {
  color: rgba(51, 51, 51, 1);
}

// 选择框样式
.el-checkbox__inner {
  border: 1px solid rgba(151, 151, 151, 1);
  display: flex;
  justify-content: center;
  align-items: center;
}

//分页样式
.el-pager li {
  width: 30px;
  height: 30px;
  background: rgba(255, 255, 255, 1);
  border-radius: 6px;
  border: 1px solid rgba(151, 151, 151, 1);
  padding: 0;
  margin-right: 19px;
  box-sizing: border-box;
  font-size: 16px;
  font-weight: 500;
  color: rgba(153, 153, 153, 1);
  letter-spacing: 1px;
}
.el-pager li.active {
  background: rgba(35, 183, 105, 1);
  color: rgba(255, 255, 255, 1);
  border: 1px solid rgba(240, 240, 240, 1);
}
.el-pagination li,
.page .el-pagination button .el-icon,
.page .el-pagination__editor.el-input .el-input__inner {
  font-size: 18px;
}

// el-img样式
.item-con-img .el-image {
  width: 120px;
  height: 100%;
}

//图片预览关闭的按钮
.el-image-viewer__btn.el-image-viewer__close .el-icon-circle-close {
  color: #ffffff;
}

//时间选择器样式
.el-date-editor.el-input {
  width: 100%;
}

//认证弹框的样式
#approve {
  .el-dialog__header {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;

    .el-dialog__title {
      font-weight: 500;
      color: rgba(51, 51, 51, 1);
      font-family: NotoSansHans-Medium, NotoSansHans;
      font-size: 22px;
    }
  }
  .el-dialog__body {
    padding-top: 10px;
    .appropve-head {
      display: flex;
      align-items: center;
      justify-content: center;
      padding-bottom: 20px;
      .approveHeadButton {
        width: 260px;
        height: 38px;
        border-radius: 6px;
        border: 1px solid rgba(35, 183, 105, 1);
        font-size: 18px;
        font-family: NotoSansHans-Regular, NotoSansHans;
        font-weight: 400;
        color: rgba(35, 183, 105, 1);
        letter-spacing: 1px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        margin-right: 20px;
      }
      .approveHeadButton.active {
        background: rgba(35, 183, 105, 1);
        color: rgba(255, 255, 255, 1);
      }
    }
    .approve-con {
      .el-form {
        .el-form-item {
          .el-form-item__label {
            width: 24%;
            background: rgba(255, 255, 255, 1);
            font-weight: 400;
            color: #999999;
            font-size: 16px;
            font-weight: 500;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
          }
          .el-input {
            width: 58%;
            input {
              border-radius: 6px;
              border: 1px solid rgba(216, 216, 216, 1);
              font-size: 18px;
              letter-spacing: 1px;
              color: #444;
            }
          }
        }
      }
    }
  }
}
/deep/.el-image-viewer__canvas{
  margin-top: 5%!important;
  height: 90%!important;
}
